
<ion-navbar *navbar hideBackButton class="show-navbar">
  <ion-title>Background Images</ion-title>
</ion-navbar>

<ion-content class="has-header components-demo cards-bg">

<ion-card class="advanced-background">
  <img src="img/card-saopaolo.png"/>
  <p class="advanced-background-title">São Paulo</p>
  <p class="advanced-background-subtitle">41 Listings</p>
</ion-card>

<ion-card class="advanced-background">
  <img src="img/card-amsterdam.png"/>
  <p class="advanced-background-title">Amsterdam</p>
  <p class="advanced-background-subtitle">64 Listings</p>
</ion-card>

<ion-card class="advanced-background">
  <img src="img/card-sf.png"/>
  <p class="advanced-background-title">San Francisco</p>
  <p class="advanced-background-subtitle">72 Listings</p>
</ion-card>

<ion-card class="advanced-background">
  <img src="img/card-madison.png"/>
  <p class="advanced-background-title">Madison</p>
  <p class="advanced-background-subtitle">28 Listings</p>
</ion-card>

</ion-content>




